<template>
  <div>
    <h1 class="test1">测试页面</h1>
    <van-button type="primary" @click="login">登录</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <svg aria-hidden="true">
      <!-- #icon-文件夹名称-图片名称 -->
      <use href="#icon-login-eye-off" />
    </svg>
    <!-- 优化需求： -->
    <cp-icon name="home-docs" />
  </div>
</template>

<script setup lang="ts">
import { request } from '@/utils/request'
import { onMounted } from 'vue'

// 测试request方法
const login = async () => {
  const res = await request.post('/login/password', {
    password: 'abc12345',
    mobile: '13211112222'
  })
  console.log(res)
}
onMounted(() => {
  login()
})
</script>

<style lang="scss" scoped>
:root {
  --color: pink;
}
.test1 {
  color: var(--color);
}
</style>
